import { Breadcrumb } from 'antd';
import './Breadcrumbs.css'

export const Breadcrumbs = (props: any ) => {
    const {currentComponentKey} = props
    return (
        <Breadcrumb className="breadcrumb">
            <Breadcrumb.Item>Navigation</Breadcrumb.Item>
            {currentComponentKey.split('/').map((key: any) => (
                <Breadcrumb.Item key={key}>{key}</Breadcrumb.Item>
            ))}
        </Breadcrumb>
    );
};


